<template>
  <el-scrollbar native :height="height">
    <div class="app-container">
      <index-count v-if="checkPermission(['admin/system.Index/count'])" class="mb-[15px]" />
      <el-row :gutter="10" style="margin-bottom: 10px">
        <el-col :span="12">
          <index-contentpro />
        </el-col>
        <el-col :span="12">
          <index-memberpro />
        </el-col>
      </el-row>
    </div>
    <!-- <index-notice /> -->
  </el-scrollbar>
</template>

<script>
import screenHeight from '@/utils/screen-height'
import checkPermission from '@/utils/permission'
import IndexMemberpro from '@/views/system/components/proIndexMember.vue'
import IndexContentpro from '@/views/system/components/porIndexContent.vue'

export default {
  name: 'Dashboard',
  components: { IndexMemberpro, IndexContentpro },
  data() {
    return {
      name: '控制台',
      height: 680,
      dialog: false,
      dialogTitle: ''
    }
  },

  created() {
    this.height = screenHeight(130)
  },
  methods: {
    checkPermission,
    add() {
      this.dialog = true
      this.dialogTitle = this.task_name + '添加'
      this.reset()
    }
  }
}
</script>
